<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>山东柏瑞设计官网</title>
    <link rel="stylesheet" href="./bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="./bootstrap/reset-global.css">
    <link rel="stylesheet" href="./bootstrap/website.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
    <link rel="stylesheet" href="./swiper/swiper.min.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/wzkf.css">
    <script src="./wow.min.js"></script>
    <script src="./jquery/jquery-3.6.0.min.js"></script>
    <script src="./js/wzkf.js"></script>
</head>

<body>
    <div id="box">
        <!-- 头部logo的div -->
        <div id="top">
            <div>
                <img src="./img/logo.png" alt="顶部logo">
            </div>
            <div class="more">
                <img src="./img/more.png" alt="更多" id="eye">
            </div>
            <div class="Telephone"><img src="./img/tu1.png" alt="联系电话18317093686">
                <span>咨询我们:</span> 18317093686
            </div>
            <!-- 缩小后的点击导航栏 -->
            <div id="zoe">
                <div><a href="./index.html">首页</a></div>
                <div class="color_nav"><a href="./wzkf.html">网站开发</a></div>
                <div><a href="./makapp.html">APP开发</a></div>
                <div><a href="./xcxkf.html">小程序开发</a></div>
                <div><a href="./anli.html">案例</a></div>
                <div><a href="./about-us.html">关于我们</a></div>
            </div>
        </div>
        <!-- nav -->
        <div
            class="container d-flex justify-content-between align-items-center nav-container flex-wrap hezoe nav-position nav_width">
            <nav class="main--nav w-100">
                <ul class="d-flex justify-content-between">
                    <li><a href="./index.html">首页</a></li>
                    <li class="active-link"><a href="./wzkf.html">网站开发</a></li>
                    <li><a href="./makapp.html">APP开发</a></li>
                    <li><a href="./xcxkf.html">小程序开发</a></li>
                    <li><a href="./anli.html">案例</a></li>
                    <li><a href="./about-us.html">关于我们</a></li>
                </ul>
            </nav>
        </div>
        <!-- 大背景图 -->
        <div class="bbg">
            <img src="./img/tu4.png" alt="">
        </div>
        <!--网站服务  -->
        <div class="wzmax">
            <div class="wzfw">
                <!-- 网站服务头部 -->
                <div class="wzfw-top ">
                    <h4>网站服务</h4>
                    <p>更专注精研只为打造建站系统</p>
                </div>
                <!-- 网站服务底部 -->
                <div class="wzfw-bottom animate__animated wow animate__fadeInDown">
                    <li>
                        <img src="./img/ph.png" alt="">
                        <img src="./img/blue-ph.png" alt="">
                        <p>电商网站定制</p>
                    </li>
                    <li>
                        <img src="./img/tel.png" alt="">
                        <img src="./img/blue-tl.png" alt="">
                        <p>电商网站定制</p>
                    </li>
                    <li>
                        <img src="./img/zs.png" alt="">
                        <img src="./img/blue-zs.png" alt="">
                        <p>电商网站定制</p>
                    </li>
                    <li>
                        <img src="./img/dz.png" alt="">
                        <img src="./img/blue-dz.png" alt="">
                        <p>电商网站定制</p>
                    </li>
                </div>
            </div>
        </div>
        <!-- 网站服务结束 -->
        <!-- 高端的私人定制 -->
        <div class="high-end">
            <div class="high-end-top">
                <h4>网站服务</h4>
                <p>更专注精研只为打造建站系统</p>
            </div>
            <div class="high-end-bottom animate__animated wow animate__fadeInDown">
                <li>
                    <img src="./img/A1.jpg" alt="">
                    <div class="enbot">
                        <h4>文化传媒</h4>
                        <p>为用户提供更好体验更适合营销</p>
                    </div>
                </li>
                <li>
                    <img src="./img/A2.jpg" alt="">
                    <div class="enbot">
                        <h4>广告创意</h4>
                        <p>为用户提供更好体验更适合营销</p>
                    </div>
                </li>
                <li>
                    <img src="./img/A3.jpg" alt="">
                    <div class="enbot">
                        <h4>教育机构</h4>
                        <p>为用户提供更好体验更适合营销</p>
                    </div>
                </li>
                <li>
                    <img src="./img/A4.jpg" alt="">
                    <div class="enbot">
                        <h4>日用百货</h4>
                        <p>为用户提供更好日用百货</p>
                    </div>
                </li>
            </div>
        </div>
        <!-- 高端的私人定制结束-->
        <!-- 经典案例开始 -->
        <div class="ClassicCase">
            <div class="ClassicCase-top">
                <h4>经典案例</h4>
                <p>为用户提供更好的体验更适合营销推广</p>
            </div>
            <div class="ClassicCase-bot">
                <li class="animate__animated wow animate__fadeInRightBig">
                    <h3>网站经典</h3>
                    <p>
                        专注网站建设、网站设计、品牌设计、网络营销、网站托管、整合营
                        销服务为核心服务。专注于创意设计实现商业价值较大化。为所有谋
                        求长远发展的企业提升品牌品质。拥有经验丰富技术团队，专业的
                        资深设计师。
                    </p>
                </li>
                <li class="animate__animated wow animate__fadeInLeftBig">
                    <img src="./img/B1.jpg" alt="">
                </li>
            </div>
            <div class="ClassicCase-bot">
                <li class="animate__animated wow animate__fadeInRightBig">
                    <img src="./img/B2.jpg" alt="">
                </li>
                <li class="animate__animated wow animate__fadeInLeftBig"">
                    <h3>经典品牌</h3>
                    <p>
                        一个成功的网站不仅要有自己的特色，而且要有一定的人文气息，重
                        视用户的行为习惯以及关注点。在确定好网站建设的路线之后，就要
                        将网站建设得有色，简约不简单。网站的宣传以及关键字的优化,
                        目的就是可以让更多的用户知道你的网站，并组让用户在使用关键字
                        搜索的时候第一时间找到你的网站。
                    </p>
                </li>
            </div>
        </div>
        <!-- 尾部 -->
        <div class=" footer">
                    <div class="footTop">
                        <div class="footBig">
                            <div class="left">
                                <p>山东柏瑞设计有限公司</p>
                                <p>联系电话:18317093686</p>
                                <p>地址:济南创新谷2号楼孵化器五楼(长清区海棠路与芙蓉路交叉路口东南）</p>
                            </div>
                            <div class="right">
                                <img src="./img/2vm.png" alt="">
                                <p>微信公众号</p>
                            </div>
                        </div>
                    </div>
                    <div class="footFoot">Shandong Bairui Design Co., Ltd 山东柏瑞设计有限公司版权所有 鲁ICP备2021028094号-1</div>
            </div>
            <div class="foots">
                <p>山东柏瑞设计有限公司</p>
                <p>联系电话:18317093686</p>
                <p>地址:济南创新谷2号楼孵化器五楼(长清区海棠路与芙蓉路交叉路口东南）</p>
                <img src="./img/2vm.png" alt="">
            </div>
            <script>
                new WOW().init();
            </script>
        </div>
</body>

</html>